// import { Subject } from './NeonText'
import Demo7Seg from './7SegDisplay/Demo'
import DemoDnD from './DragDrop/App.DnD.complete'
import DemoGear from './SVG-Animation-Gear'
// import Demo from './React-TS'
// import Demo from './fetch-abort'
// import Demo from './canvas'
// import Demo from './canvas-chroma-keying'
// import Demo from './event'
// import Demo from './focus'
import DemoSnake from './game-snake'
import DemoRaiden from './game-raiden'
import DemoBJ from './game-blackjack'
import DemoCalc from './sim-calculator'
import DemoClock from './sim-clock'

export default function App() {
  return (
    <>
    {/* <Subject text="Hello World" /> */}
      <main style={{
        display: 'grid',
        gridTemplateColumns: '1fr 1fr',
      }}>
        <DemoCalc />
        <DemoClock />
        <DemoGear />
        <Demo7Seg />
        <DemoDnD />
        <DemoBJ />
        <DemoSnake />
        <DemoRaiden />
      </main>
    </>
  )
}
